<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no" />

		<title></title>

		<link rel="stylesheet" type="text/css" href="bootstrap-4.5.0/dist/css/bootstrap.css" />

		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css" />

		<link rel="stylesheet" type="text/css" href="css/blog_detail.css" />

		<script src="js/jquery-3.5.1.slim.min.js" type="text/javascript" charset="utf-8"></script>

		<script src="bootstrap-4.5.0/dist/js/bootstrap.bundle.min.js" type="text/javascript" charset="utf-8"></script>

		<script src="js/popper.js" type="text/javascript" charset="utf-8"></script>

		<script src="bootstrap-4.5.0/dist/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 头部 -->
		<div style="width: 100%;">
				<div class="container-fluid">
					<div class="row" style="">
						<div class="col-lg-3 col-12 ">
							<div style="line-height: 100px;" class="text-lg-right text-center">
								<img src="img/logo-header-06.png" />
							</div>
						</div>
		
						<div class="col-lg-5 col-12 pb-2  mt-lg-4 pt-lg-2" style="">
							<div class="rounded-pill border w-100" style="">
								<div class="row ">
									<div class="col-3 d-lg-block d-none pr-0 ">
										<div class="text-center" style="border-right:1px solid gainsboro ;">
											<a href="#" class=" dropdown-toggle nav-link text-white z-aa p-0" data-toggle='dropdown'>MOVIES</a>
											<div class="dropdown-menu " style="">
												<a href="#" class="dropdown-item " style="color:#e40914 !important;
		border-bottom: 1px solid dimgrey;width: 75%;margin: 0 auto;padding-bottom: 10px;">Movies</a>
												<a href="#" class="dropdown-item xia-aa my-2">Videos</a>
												<a href="#" class="dropdown-item xia-aa my-2">Categories</a>
												<a href="#" class="dropdown-item xia-aa my-2">Popular</a>
											</div>
										</div>
									</div>
									<div class="col-lg-9 col-12 pl-sm-0">
										<form class="form-control rounded-pill border-0" style="height: 40px;">
											<input type="text" placeholder="Search for a Movie..." class="border-0" style="outline: none; " />
											<button class="btn fa fa-search rounded " style="float: right;color: #5a646d;"></button>
										</form>
									</div>
								</div>
							</div>
		
						</div>
		
						<div class="col-4 d-lg-block d-none ">
							<div class="d-flex flex-wrap align-items-center" style="height: 100px;">
								<a href="#" class="a1 border-0">
									<div class="rounded-circle mx-1 rc " style="width:40px;height: 40px; position: relative;">
										<i class="fa fa-facebook fa-1x aa1 mx-auto" style="position: absolute;left: 14px;top: 12px;"></i>
									</div>
								</a>
								<a href="#" class="a1 border-0">
									<div class="rounded-circle mx-1 rc " style="width:40px;height: 40px; position: relative;">
										<i class="fa fa-twitter fa-1x aa1 mx-auto" style="position: absolute;left: 11px;top: 12px;"></i>
									</div>
								</a>
								<a href="#" class="a1 border-0">
									<div class="rounded-circle mx-1 rc " style="width:40px;height: 40px; position: relative;">
										<i class="fa fa-pinterest-p fa-1x aa1 mx-auto" style="position: absolute;left: 13px;top: 12px;"></i>
									</div>
								</a>
								<a href="#" class="a1 border-0">
									<div class="rounded-circle mx-1 rc" style="width:40px;height: 40px; position: relative;">
										<i class="fa fa-linkedin fa-1x aa1 mx-auto" style="position: absolute;left: 12px;top: 10px;"></i>
									</div>
								</a>
								<a href="#"><button type="button" class="btn px-4 ml-2 tbtn rounded-pill">READ MORE</button></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		<!-- 导航栏 -->
		<div class="container-fluid p-0" style="background-color: #111111;">
			<div class="container">
				<div class="navbar navbar-expand-lg navbar-dark p-0 ">
					<button class="navbar-toggler my-2 mx-2" data-toggle="collapse" data-target="#num">
						<i class="fa fa-bars" style="color: white;"></i>
					</button>
		
					<div class="collapse navbar-collapse" id="num">
						<ul class="navbar-nav">
							<li class="nav-item  mx-1 d-md-block d-none">
								<button class="btn my-2 mx-2 mr-auto">
									<i class="fa fa-bars" style="color: white;"></i>
								</button>
							</li>
							<li class="nav-item  mx-1">
								<a href="index.html" class="nav-link z-a text-white default px-3" style="line-height: 40px;font-weight: 600;">HOME</a>
							</li>
		
							<li class="nav-item mx-1 dropdown ">
								<a href="#" class="nav-link text-white px-3 z-a" style="line-height: 40px;font-weight: 600;" data-toggle='dropdown'>MOVIE</a>
								<div class="dropdown-menu" style="background-color: #1e1e1e;">
									<a href="shop.html" class="dropdown-item xia-a">Shop</a>
									<a href="shop_details.html" class="dropdown-item xia-a">Shop_details</a>
								</div>
							</li>
		
							<li class="nav-item mx-1 dropdown ">
								<a href="#" class="nav-link text-white px-3 z-a" style="line-height: 40px;font-weight: 600;" data-toggle='dropdown'>VIDEO</a>
								<div class="dropdown-menu" style="background-color: #1e1e1e;">
									<a href="video.html" class="dropdown-item xia-a">Video</a>
									<a href="video_details.html" class="dropdown-item xia-a">Video_details</a>
								</div>
							</li>
		
							<li class="nav-item mx-1 dropdown ">
								<a href="#" class="nav-link text-white px-3 z-a" style="line-height: 40px;font-weight: 600;" data-toggle='dropdown'>FEATURES</a>
								<div class="dropdown-menu" style="background-color: #1e1e1e;">
									<a href="about.html" class="dropdown-item xia-a">About </a>
									<a href="submit.html" class="dropdown-item xia-a">Submit</a>
									<a href="list_authors.html" class="dropdown-item xia-a">List_authors</a>
									<a href="authors_details.html" class="dropdown-item xia-a">Authors_details</a>
								</div>
							</li>
		
							<li class="nav-item mx-1 dropdown ">
								<a href="#" class="nav-link text-white px-3 z-a" style="line-height: 40px;font-weight: 600;" data-toggle='dropdown'>BLOG</a>
								<div class="dropdown-menu" style="background-color: #1e1e1e;">
									<a href="blog.html" class="dropdown-item xia-a">Blog </a>
									<a href="blog_detail.html" class="dropdown-item xia-a">Blog_detail</a>
								</div>
							</li>
		
							<li class="nav-item mx-1 ">
								<a href="contact.html" class="nav-link text-white px-3 z-a" style="line-height: 40px;font-weight: 600;">CONTENT</a>
							</li>
						</ul>
					</div>
					<div class="">
						<p class="text-white mt-3" style="display: inline;">
							<span class="fa fa-user mr-2"></span>
							WELCOME GUEST! <span style="color: #b30e12;">LOGIN</span></p>
					</div>
				</div>
			</div>
		</div>
		<!-- 导航栏下 -->
		<div style="background-image: url(img/bg-page-title-01.jpg); width: 100%;">
			<div style="background-color: rgba(8,8,8,0.5); height: 183px;">
				<p style="color: white;text-align: center;font-size: 30px; padding-top: 50px;" class="m-0">Single Blog</p>
				<p style="color: white;text-align: center;">Home / <span style="color: #b30e12;">Single Blog</span> </p>
			</div>
		</div>
		<!--  中部大网格-->
		<div class="container mt-5">
			<div class="row">
				<!-- 左边 -->
				<div class="col-lg-9 col-12">
					<!-- 1 -->
					<div>
						<p style="font-size: 27px;font-weight:600;" class="m-0 mt-3">UK Students Celebrate Increase in Top A-Level Marks</p>
						<a href="#" class="fa fa-user mt-2" style="color: #747474;text-decoration: none;"><span class="text-muted ml-2">By
								thomas Doe </span></a>
						<span style="color: #e7e7e7;" class="mx-3">|</span>
						<a href="#" class="fa fa-tags ml-sm-1" style="color: #747474;text-decoration: none;"><span class="text-muted ml-2">Academics,Design</span></a>
						<span style="color: #e7e7e7;" class="mx-3 d-lg-inline d-none">|</span>
						<a href="#" class="fa fa-wechat  ml-md-1 ml-2" style="color: #747474;text-decoration: none;"><span class="text-muted ml-2">(0)
								Comment</span></a>

						<div class="row mt-5">
							<div class="col-12">
								<div style="overflow: hidden;"><a href="#">
								<img src="img/single-blog-01.jpg" class="w-100 img1" style="position: relative;" /></a></div>
							</div>
							<div class="col-12">
								<div style="width: 100px;height: 95px;color: white;background-color: rgba(0, 0, 0, 0.7);position: absolute;bottom: 0%;">
									<h2 class="text-center pt-3 m-0">08</h2>
									<p class="text-center">AUG,2018</p>
								</div>
							</div>
						</div>
					</div>
					<!-- 大图片下区域 -->
					<div class="row mt-4">
						<!-- 左边 -->
						<div class="col-lg-2 col-12 pl-sm-5 pr-sm-0">
							<div class="d-flex flex-lg-column flex-row align-items-baseline position-sticky sticky-top">
								<p class="m-0 my-auto text-center"style="font-weight: 600;">SHARE</p>
								<a href="#" class="a1 border-0 my-lg-2 my-4 ml-sm-1 ml-3  mx-1 ">
									<div class="rounded-circle rc " style="width:40px;height: 40px; position: relative;">
										<i class="fa fa-facebook fa-1x aa1 mx-auto" style="position: absolute;left: 15px;top: 12px;"></i>
									</div>
								</a>
								<a href="#" class="a1 border-0 my-lg-2 my-4  mx-1">
									<div class="rounded-circle   rc " style="width:40px;height: 40px; position: relative;">
										<i class="fa fa-twitter fa-1x aa1 mx-auto" style="position: absolute;left: 12px;top: 12px;"></i>
									</div>
								</a>
								<a href="#" class="a1 border-0 my-lg-2 my-4  mx-1">
									<div class="rounded-circle  rc " style="width:40px;height: 40px; position: relative;">
										<i class="fa fa-google-plus fa-1x aa1 mx-auto" style="position: absolute;left: 12px;top: 12px;"></i>
									</div>
								</a>
								<a href="#" class="a1 border-0 my-lg-2 my-4 mx-1">
									<div class="rounded-circle   rc " style="width:40px;height: 40px; position: relative;">
										<i class="fa fa-twitter fa-1x aa1 mx-auto" style="position: absolute;left: 12px;top: 12px;"></i>
									</div>
								</a>
							</div>
						</div>
						<!-- 右边 -->
						<div class="col-lg-10 col-12 pl-sm-0">
							<!-- 1 -->
							<div>
								<p style="color: #747474;">
									lf you are a newbie to managing a WordPress website, then congratulations! You are here at the right track
									with
									us because we are going to introduce you one of the most basic knowledge when owning a WordPress page: how to
									find your site the best wordPress Hosting service.This process is often overlooked by most of the website
									owners.But it can be considered the most important key point to bring your site to stand out of the crowd. A
									greathosting service could help you to improve SEo and increase sales as well.
								</p>
								<p style="color: #747474;">
									But first thing first, what is a hosting? well, basically it is a space that contains all the data related to
									your website such as your source codes, uploaded contents (images, sounds andother media) and your database.
									Imagine your site is a mixture of juices and a jar can be considered a hosting.
								</p>
							</div>
							<!-- 2 -->
							<div class="mt-4">
								<div class="row">
									<div class="col-1">
										<img src="img/jt.png" />
									</div>
									<div class="col-11 pl-md-2 pl-4">
										<h4 style="font-size: 26px;">
											<i>Neque porro quisquam est, qui dolorem ipsum quia dolo sit amet,consectetur,adipisci velit, sed quia non
												numquam eiustempora incidunt ut labore et dolore magnam aliquam</i>
										</h4>
									</div>
								</div>

							</div>
							<!-- 3 -->
							<div class="mt-4">
								<p style="color: #747474;">
									lf you are a newbie to managing a WordPress website, then congratulations! You are here at the right track
									with
									us because we are going to introduce you one of the most basic knowledge when owning a WordPress page: how to
									find your site the best wordPress Hosting service.This process is often overlooked by most of the website
									owners.But it can be considered the most important key point to bring your site to stand out of the crowd. A
									greathosting service could help you to improve SEo and increase sales as well.
								</p>
							</div>
							<!-- 4 -->
							<div class="mt-5 px-sm-5">
								<div style="overflow: hidden;"><a href="#">
								<img src="img/content-blog-01.jpg" class="w-100 img1" /></a></div>
							</div>
							<!-- 5. -->
							<div class="mt-4">
								<p style="color: #747474;">lf you are a newbie to managing a WordPress website, then congratulations! You are
									here at the right track with
									us because we are going to introduce you one of the most basic knowledge when owning a WordPress page</p>
							</div>
							<!-- 6.表格 -->
							<h6 style="display: initial;font-weight: 600;">TAGS:</h6>
							<i class="ml-2" style="color:#e40914">film maker,film studio</i>
							<div class="px-3">
								<div class="row mt-5  border">
									<!-- 左边 -->
									<div class="col-lg-3 col-12 text-center pb-sm-5 mt-4">
										<img src="img/ava-01.jpg" class="mw-100" />
										<div class="d-flex flex-wrap justify-content-lg-around justify-content-center mt-4">
											<a href="#" class="fa fa-facebook" style="color:#747474;text-decoration: none;"></a>
											<a href="#" class="fa fa-twitter mx-md-0 mx-5" style="color:#747474;text-decoration: none;"></a>
											<a href="#" class="fa fa-google" style="color:#747474;text-decoration: none;"></a>
										</div>
									</div>
									<!-- 右边 -->
									<div class="col-lg-9 col-12 mt-4 mb-3">
										<h5 class="text-md-left text-center">Michael Mikado</h5>
										<p style="color: #747474;" class="text-md-left text-center">Front-end dev</p>
										<p style="color: #747474;" class="text-md-left text-center">If you are a newbie to managing a WordPress
											website,then
											tions!You are here at the right track with us be we going to introduce you one of the most basic knowledge
											when owing a WordPress page:how to find your site</p>
									</div>
								</div>
							</div>
							<div class="row mt-4 px-3">
								<div class="col-lg-6 col-12 border">
									<div class="d-flex">
										<a href="#" class="a1 border-0 my-auto">
											<div class="rounded-circle mx-1 rc " style="width:50px;height: 50px; position: relative;">
												<span class="aa1 mx-auto" style="position: absolute;left: 12px;top: -2px; font-size: 30px;color:#bfbfc1 ;">←</span>
											</div>
										</a>
										<div class="mt-4 ml-auto text-right">
											<p style="color: #e40914;">PREVIOUS</p>
											<h5 class=""><a href="#"class="p1">Exploring the New York</a></h5>
											<p style="color: #747474;">Ocyober 15,2018</p>
										</div>
									</div>
								</div>

								<div class="col-lg-6 border">
									<div class="d-flex">
										<div class="mt-4 mr-auto text-left">
											<p style="color: #e40914;">NEXT</p>
											<h5 class=""><a href="#"class="p1">Exploring the New York</a></h5>
											<p style="color: #747474;">Ocyober 15,2018</p>
										</div>
										<a href="#" class="a1 border-0 my-auto">
											<div class="rounded-circle mx-1 rc " style="width:50px;height: 50px; position: relative;">
												<span class="aa1 mx-auto" style="position: absolute;left: 12px;top: -2px; font-size: 30px;color:#bfbfc1 ;">→</span>
											</div>
										</a>
									</div>

								</div>
							</div>

							<!-- 7.评论区 -->
							<div class="mt-5">
								<h5 style="font-weight: 600;">2COMMENTS</h5>
								<hr />
								<div class="row">
									<!-- 第一个 -->
									<div class="col-lg-2 col-4 mt-3">
										<img src="img/ava-01.jpg" class="mw-100" />
									</div>
									<div class="col-lg-10 col-12 mt-3 pl-sm-0">
										<h6 class="m-0 pb-2" style="display: inline;"> Edugate
											<a href="#" class="" style="text-decoration: none;float: right;color:#e40914 ;"><span class="ml-2" style="font-size: 14px;">
													<u>Reply</u></span></a>
										</h6>
										<p style="color:#747474;">November 11, 2016 at 9:10 AM</p>
										<p style="color:#747474;">So far, the conversion increase is more due to plain blunt force, but the quality
											of boss conversions and subsequent leads can be increased</p>
									</div>
								</div>
								<div class="row mt-4" style="border-top: 1px dotted  #747474;">
									<!-- 第二个 -->
									<!-- 左 -->
									<div class="col-lg-2 col-1 mt-4"></div>
									<!-- 右 -->
									<div class="col-lg-10 col-11">
										<div class="row">
											<!-- 图片 -->
											<div class="col-lg-2 col-4 mt-4 p-0">
												<img src="img/ava-01.jpg" class="mw-100 pl-2" />
											</div>
											<!-- 文字 -->
											<div class="col-lg-10 col-12  mt-4">
												<h6 class="m-0 pb-2" style="display: inline;"> Edugate
													<a href="#" class="" style="text-decoration: none;float: right;color:#e40914 ;"><span class="ml-2" style="font-size: 14px;">
															<u>Reply</u></span></a>
												</h6>
												<p style="color:#747474;">November 11, 2016 at 9:10 AM</p>
												<p style="color:#747474;">So far, the conversion increase is more due to plain blunt force, but the quality
													of boss conversions and subsequent leads can be increased</p>
											</div>
										</div>
									</div>
								</div>

							</div>
							<!-- 8表格 -->
							<div class="mt-4">
								<h5 style="font-weight: 600;">LEAVA ACOMMENT</h5>
								<hr class="mt-4"/>
								<p style="color:#747474;" class="mt-4">Your email address will not be published.Required fields are marked *</p>
								<form>
									<div class="row">
										<div class="col-lg-6 col-12 mt-3">
											<input type="text" class="form-control" placeholder=" Your Name*" style="height: 50px;" />
										</div>
										<div class="col-lg-6 col-12 mt-3">
											<input type="text" class="form-control" placeholder=" Email*" style="height: 50px;" />
										</div>
										<div class="col-12 mt-3">
											<textarea rows="5" class="w-100" placeholder="  Enter your comment"></textarea>
										</div>
										<div class="col-12 mt-3">
											<a href="#"><button type="button" class="btn py-2 px-4 mt-3 tbtn rounded-pill">SUBMIT COMMENT</button></a>
										</div>
									</div>
								</form>
							</div>

						</div>

					</div>
					<!-- 三张图片 -->
					<div class="mt-5 pt-4">
						<div class="d-flex flex-wrap flex-md-row flex-column">
							<h5 style="font-size: 25px;font-weight: 600;">You May Also Like</h5>
							<div class="ml-sm-auto">
								<div class="d-flex flex-wrap">
									<a href="#" class="a1 mx-2 border-0">
										<div class="rounded-circle rc " style="width:40px;height: 40px; position: relative;">
											<span class="aa1" style="position: absolute;left: 8px;top: -4px;">
												<h2>
													<</h2> </span> </div> </a> <a href="#" class="a1 border-0">
														<div class="rounded-circle rc " style="width:40px;height: 40px; position: relative;">
															<span class="aa1" style="position: absolute;left: 8px;top: -4px;">
																<h2>></h2>
															</span>
														</div>
									</a>
								</div>
							</div>
						</div>
						<hr />
						<div class="row">
							<div class="col-lg-4 col-12 mt-2">
								<div style="overflow: hidden;"><a href="blog.html">
								<img src="img/post-01.jpg" class="w-100 img1" style="position: relative;" /></a></div>
								<div style="position: absolute;top:5%;left: 10%;">
									<img src="img/star-01.png" style="margin-left: 5px;" />
									<p style="color: white;position: absolute;left: 19px;bottom: 43px;">5</p>
									<p style="color: white;font-size: 14px; text-align: center;" class="m-0 pb-2"><b>IMDb</b> </p>
									<a href="#" style="text-decoration: none; display: block; width: 50px;height: 25px;color: white;background-color: red;text-align: center;">Hot</a>
								</div>
								<h6 class="text-center px-sm-3 my-3 "style="font-weight: 600;"><a href="#"class="p1">How To Make a Pimple Disappear With Makeup</a></h6>
							</div>

							<div class="col-lg-4 col-12 d-lg-block d-none mt-2">
								<div style="overflow: hidden;"><a href="blog.html">
								<img src="img/post-02.jpg" class="w-100 img1" style="position: relative;" /></a></div>
								<div style="position: absolute;top:5%;left: 10%;">
									<img src="img/star-01.png" style="margin-left: 11px;" />
									<p style="color: white;position: absolute;left: 25px;bottom: 43px;">5</p>
									<p style="color: white;font-size: 14px; text-align: center;" class="m-0 pb-2"><b>IMDb</b> </p>
									<a href="#" style="text-decoration: none; display: block; width: 65px;height: 25px;color: white;background-color: #ff6c00;text-align: center;">Trend</a>
								</div>
								<h6 class="text-center px-sm-3 my-3 "style="font-weight: 600;"><a href="#"class="p1">How To Make a Pimple Disappear With Makeup</a></h6>
							</div>

							<div class="col-lg-4 col-12 d-lg-block d-none mt-2">
								<div style="overflow: hidden;"><a href="blog.html">
								<img src="img/post-03.jpg" class="w-100 img1" style="position: relative;" /></a></div>
								<div style="position: absolute;top:5%;left: 10%;">
									<img src="img/star-01.png" style="margin-left: 5px;" />
									<p style="color: white;position: absolute;left: 19px;bottom: 43px;">5</p>
									<p style="color: white;font-size: 14px; text-align: center;" class="m-0 pb-2"><b>IMDb</b> </p>
									<a href="#" style="text-decoration: none; display: block; width: 50px;height: 25px;color: white;background-color: red;text-align: center;font-size: 14px;margin-left: 2px;">NEW</a>
								</div>
								<h6 class="text-center px-sm-3 my-3 "style="font-weight: 600;"><a href="#"class="p1">How To Make a Pimple Disappear With Makeup</a></h6>
							</div>
						</div>
					</div>
				</div>


				<!-- 右边 -->
				<div class="col-lg-3 col-12 mt-md-0 mt-5 mb-3" style="border-left: 1px solid gainsboro;">
					<div class="position-sticky sticky-top">
					<!-- 搜索框 -->
					<form class="form-control mb-5 border-0  p-0 mt-3" style="height: 45px;">
						<input type="text" placeholder="What are you looking for?" class="border-0 w-75" style="outline: none;" />
						<div style="float: right;"><button class="btn fa fa-search rounded "style="color: #747474;"></button></div>
						<hr />
					</form>
					<!-- 1. -->
					<span style="border-left: 4px solid red;"></span>
					<h6 style="display: initial;font-weight: 600;" class="ml-3">CATEGORIES</h6>
					<!-- 2.网页 -->
					<div class="row mb-4">
						<div class="col-12 dropright mt-2">
							<a href="#"class="left-a">
								<span class="dropdown-toggle a-xl" style=""></span>
								<span class="ml-2">Film maker</span>
								<span class="a-span">32</span>
							</a>
						</div>
						
						<div class="col-12 dropright mt-2">
							<a href="#"class="left-a">
								<span class="dropdown-toggle a-xl" style=""></span>
								<span class="ml-2">Film studio</span>
								<span class="a-span">32</span>
							</a>
						</div>
						<div class="col-12 dropright mt-2">
							<a href="#"class="left-a">
								<span class="dropdown-toggle a-xl" style=""></span>
								<span class="ml-2">Life style</span>
								<span class="a-span">16</span>
							</a>
						</div>
						<div class="col-12 dropright mt-2">
							<a href="#"class="left-a">
								<span class="dropdown-toggle a-xl" style=""></span>
								<span class="ml-2">Fashion</span>
								<span class="a-span">08</span>
							</a>
						</div>
						<div class="col-12 dropright mt-2">
							<a href="#"class="left-a">
								<span class="dropdown-toggle a-xl" style=""></span>
								<span class="ml-2">Film online</span>
								<span class="a-span">45</span>
							</a>
						</div>
						<div class="col-12 dropright mt-2">
							<a href="#"class="left-a">
								<span class="dropdown-toggle a-xl" style=""></span>
								<span class="ml-2">Film studio</span>
								<span class="a-span">32</span>
							</a>
						</div>
					</div>
					<!-- 3 -->
					<span style="border-left: 4px solid red;"></span>
					<h6 style="display: initial;font-weight: 600;" class="ml-3">MOST POPULAR</h6>
					<!-- 4图片文字 -->
					<div>
						<div class="mt-4">
							<div style="float: left;">
								<div style="overflow: hidden;"class="mr-4">
								<a href="#"><img src="img/post-53.jpg" class=" img1"></a></div>
							</div>
							<div>
								<a href="#" style="color: #000000;text-decoration: none; display: block;" class="py-md-2 py-2 p1">Mirum est notare
									quam littera...</a>
								<i style="color: #747474;">October 15,2018</i>
							</div>
						</div>

						<div class="mt-5">
							<div style="float: left;">
								<div style="overflow: hidden;"class="mr-4">
								<a href="#"><img src="img/post-54.jpg" class=" img1"></a></div>
							</div>
							<div>
								<a href="#" style="color: #000000;text-decoration: none; display: block;" class="py-md-2 py-2 p1">What make you
									beautiful with us</a>
								<i style="color: #747474;">October 15,2018</i>
							</div>
						</div>

						<div class="mt-5">
							<div style="float: left;">
								<div style="overflow: hidden;"class="mr-4">
								<a href="#"><img src="img/post-55.jpg" class=" img1"></a></div>
							</div>
							<div>
								<a href="#" style="color: #000000;text-decoration: none; display: block;" class="py-md-2 py-2 p1">Watch the Sony
									a9 Livestream Event...</a>
								<i style="color: #747474;">October 15,2018</i>
							</div>
						</div>
					</div>
					<!-- 5 -->
					<div class="mt-5">
						<span style="border-left: 4px solid red;"></span>
						<h6 style="display: initial;font-weight: 600;" class="ml-3">TAGS CLOUD</h6>
					</div>
					<!-- 6.5个按钮 -->
					<div class="mt-3">
						<button class="btn mt-2 r-btn">Film Oline</button>
						<button class="btn mt-2 r-btn">Creative</button>
						<button class="btn mt-2 r-btn">Design</button>
						<button class="btn mt-2 r-btn">Landing</button>
						<button class="btn mt-2 r-btn">Skill</button>
					</div>
					<!-- 7.照片定位按钮 -->
					<div class="row mt-5">
						<div class="col-12"><img src="img/ads-04.jpg" class="w-100" /></div>
					</div>
				</div>

			</div>
		</div>
		</div>
		<!-- 底部 -->
		<div style="width: 100%;background-color: #1c1c1b;margin-top: 70px;" class="mt-5">
			<div class="container">
				<div class="row">
					<!-- 1 -->
					<div class="col-lg-5 col-12 text-center">
						<img src="img/logo-header-05.png" class="mt-5" />
						<p style="color: #747474;" class="mt-4">Loomodo ligula eget dolor.Aenean massa.Cum sociis <br /> que penatibus et
							magnis
							dis parturient montes lorem,<br />nascetur ridiculusmus.Donec quam felis,ultricies nec<br /> massa.Cum sociis...</p>
						<div class="btn-group my-3">
							<input type="text" placeholder="  Email" style="background-color: #1c1c1b;color: #747474; border:1px solid#747474 ;" /><button
							 class="btn "style="background-color: #e40914;color: white;">SUBSCRIBE</button>
						</div>
		
						<div class="d-flex flex-wrap mt-4 justify-content-center">
							<a href="#" class="a1">
								<div class="rounded-circle mx-1 rcc" style="width:40px;height: 40px; position: relative;">
									<i class="fa fa-facebook fa-1x aa1 mx-auto" style="position: absolute;left: 14px;top: 11px;"></i>
								</div>
							</a>
							<a href="#" class="a1 border-0">
								<div class="rounded-circle mx-1 rcc" style="width:40px;height: 40px; position: relative;">
									<i class="fa fa-twitter fa-1x aa1 mx-auto" style="position: absolute;left: 12px;top: 11px;"></i>
								</div>
							</a>
							<a href="#" class="a1 border-0">
								<div class="rounded-circle mx-1 rcc" style="width:40px;height: 40px; position: relative;">
									<i class="fa fa-vimeo fa-1x aa1 mx-auto" style="position: absolute;left: 11px;top: 11px;"></i>
								</div>
							</a>
							<a href="#" class="a1 border-0">
								<div class="rounded-circle mx-1 rcc" style="width:40px;height: 40px; position: relative;">
									<i class="fa fa-youtube-play fa-1x aa1 mx-auto" style="position: absolute;left: 11px;top: 11px;"></i>
								</div>
							</a>
							<a href="#" class="a1 border-0">
								<div class="rounded-circle mx-1 rcc" style="width:40px;height: 40px; position: relative;">
									<i class="fa fa-google-plus fa-1x aa1 mx-auto" style="position: absolute;left: 11px;top: 11px;"></i>
								</div>
							</a>
							<a href="#" class="a1 border-0">
								<div class="rounded-circle mx-1 rcc" style="width:40px;height: 40px; position: relative;">
									<i class="fa fa-instagram fa-1x aa1 mx-auto" style="position: absolute;left: 12px;top: 11px;"></i>
								</div>
							</a>
						</div>
					</div>
					<!-- 2 -->
					<div class="col-lg-4 col-12">
						<p style="color: white;" class="mt-5"><b> LATEST POSTS</b></p>
		
						<div class="row">
							<div class="col-4 mt-1">
								<div style="overflow: hidden;"><a href="#">
									<img src="img/png-post-01.png" class="img1"></a></div>
							</div>
							<div class="col-8 pl-md-3 pl-0">
								<p style="color: white;" class="m-0 mb-2"><a href="#"class="b-p">5 Skin Care Rituals You Should  Be Doing Before Bed</a></p><span
								 style="color:#747474 ;font-size: 14px;">August
									11,2018</span>
							</div>
								</div>
								
								<div class="row mt-3">
							<div class="col-4 mt-1">
								<div style="overflow: hidden;"><a href="#">
									<img src="img/png-post-02.png" class="img1"></a></div>
							</div>
							<div class="col-8 pl-md-3 pl-0 ">
								<p style="color: white;" class="m-0 mb-2"><a href="#"class="b-p">Fashion Outfit Ideas to Try  From Instagram This Week</a></p><span
								 style="color:#747474 ;font-size: 14px;">August
									11,2018</span>
							</div>
							</div>
							
							<div class="row mt-3">
							<div class="col-4 mt-1">
								<div style="overflow: hidden;"><a href="#">
									<img src="img/png-post-03.png" class="img1"></a></div>
							</div>
							<div class="col-8 pl-md-3 pl-0 ">
								<p style="color: white;" class="m-0 mb-2"><a href="#"class="b-p">7 Soaps to Supercharge Your Daily Skincare Routine</a> </p><span
								 style="color:#747474 ;font-size: 14px;">August
									11,2018</span>
							</div>
						</div>
					</div>
		
					<div class="col-lg-3 col-12 ">
						<p style="color: white;" class="mt-5"><b>POPULAR CATEGORY</b></p>
						<div class="row">
							<div class="col-6">
								<p style="color:#747474 ;" class="m-0"><a href="#"class="b-p2">Fragrances</a></p>
							</div>
							<div class="col-6">
								<p style="color: white;" class="m-0 text-md-center text-right">15</p>
							</div>
							<div class="col-6 my-1">
								<p style="color:#747474 ;" class="m-0"><a href="#"class="b-p2">Hair Care</a></p>
							</div>
							<div class="col-6 my-1">
								<p style="color: white;" class="m-0 text-md-center text-right">12</p>
							</div>
							<div class="col-6 my-1">
								<p style="color:#747474 ;" class="m-0"><a href="#"class="b-p2">Make Up</a></p>
							</div>
							<div class="col-6 my-1">
								<p style="color: white;" class="m-0 text-md-center text-right">6</p>
							</div>
							<div class="col-6 my-1">
								<p style="color:#747474 ;" class="m-0"><a href="#"class="b-p2">Outfits</a></p>
							</div>
							<div class="col-6 my-1">
								<p style="color: white;" class="m-0 text-md-center text-right">9</p>
							</div>
							<div class="col-6 my-1">
								<p style="color:#747474 ;" class="m-0"><a href="#"class="b-p2">Skin Care</a></p>
							</div>
							<div class="col-6 my-1">
								<p style="color: white;" class="m-0 text-md-center text-right">10</p>
							</div>
							<div class="col-6 my-1">
								<p style="color:#747474 ;" class="m-0"><a href="#"class="b-p2">Style</a></p>
							</div>
							<div class="col-6 my-1">
								<p style="color: white;" class="m-0 text-md-center text-right">8</p>
							</div>
							<div class="col-6 my-1">
								<p style="color:#747474 ;" class="m-0"><a href="#"class="b-p2">Fashion</a></p>
							</div>
							<div class="col-6 my-1">
								<p style="color: white;" class="m-0 text-md-center text-right">5</p>
							</div>
							<div class="col-6 my-1">
								<p style="color:#747474 ;" class="m-0"><a href="#"class="b-p2">Lifestyle</a></p>
							</div>
							<div class="col-6 my-1">
								<p style="color: white;" class="m-0 text-md-center text-right">2</p>
							</div>
							<div class="col-6 my-1">
								<p style="color:#747474 ;" class="m-0"><a href="#"class="b-p2">Wellness</a></p>
							</div>
							<div class="col-6 my-1">
								<p style="color: white;" class="m-0 text-md-center text-right">3</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<hr />
			<p style="color:#747474; text-align: center;" class="px-3 py-2 m-0">Copyright 2018 Corporate WordPress Theme by
				<span style="color: #c6161c;">ThimPress</span></p>
		</div>
<!-- 返回顶部 -->
		<a href="javascript:void(0)"><img src="img/gotop.jpg" id="top" /></a>
	</body>
</html>
<script type="text/javascript"src="js/index.js"charset="utf-8"></script>
